.life-section {
  @apply py-section bg-background;
}

.life-container {
  @apply inner-width;
}

.life-grid {
  @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8;
}

.life-item {
  @apply relative overflow-hidden rounded-lg;
}

.life-image {
  @apply w-full aspect-video object-cover transition-transform duration-300 
}

.life-info {
  @apply absolute inset-x-0 bottom-0 bg-white/90 p-5 text-center transform translate-y-full transition-transform duration-300 
}

.life-title {
  @apply text-xl font-semibold mb-2;
}

.life-description {
  @apply text-primary font-medium;
}


.map-container {
  width: 100%;
  height: 60vh;
  min-height: 400px;
  max-height: 900px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin: 0 auto;

   /* 新增强制硬件加速 */
   transform: translateZ(0);
   backface-visibility: hidden;
   perspective: 1000;
}

@media (max-width: 768px) {
  .map-container {
    height: 50vh;
    min-height: 350px;
  }
}

@media (max-width: 480px) {
  .map-container {
    height: 30vh;
  }
}

